<!-- ====== 博客底部 ==============-->
 <div
  class="wow fadeInUp relative mb-12 overflow-hidden rounded-[5px] bg-primary py-[60px] px-11 text-center lg:px-8"
  data-wow-delay=".1s"
>
  <!-- 头像区域 -->
  <div class="mb-6 flex justify-center">
    <div class="relative">
      <img
        src="/assets/logo/bloglogo.png"
        alt="172号卡 Logo"
        class="h-20 w-20 rounded-full border-4 border-white/20 object-cover shadow-lg transition-transform duration-300 hover:scale-110"
        loading="lazy"
        onerror="this.style.display='none'"
      />
      <!-- 头像装饰环 -->
      <div class="absolute -inset-1 rounded-full bg-gradient-to-r from-white/30 to-white/10 blur-sm"></div>
    </div>
  </div>
  
  <h3 class="mb-[6px] text-[28px] leading-[40px] font-semibold text-white">
    172号卡
  </h3>
  <p class="mb-5 text-base text-white">
    流量卡平台首选.
  </p>
  <div class="flex flex-col gap-4">
    <a
      href="#"
      class="inline-flex h-[50px] w-full items-center justify-center rounded-md border border-transparent bg-white/10 text-center text-base text-white hover:bg-white/20"
    >
      立即加入
    </a>
    <a
      href="#"
      class="inline-flex h-[50px] w-full items-center justify-center rounded-md bg-secondary text-center text-sm font-medium text-white transition duration-300 ease-in-out hover:bg-opacity-90 hover:bg-[#0BB489]"
    >
      登入注册
    </a>
  </div>
  <p class="text-sm font-medium text-white">
    
  </p>

  <div>
    <span class="absolute top-0 right-0">
      <svg
        width="46"
        height="46"
        viewBox="0 0 46 46"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <circle
          cx="1.39737"
          cy="44.6026"
          r="1.39737"
          transform="rotate(-90 1.39737 44.6026)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="1.39737"
          cy="7.9913"
          r="1.39737"
          transform="rotate(-90 1.39737 7.9913)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="13.6943"
          cy="44.6026"
          r="1.39737"
          transform="rotate(-90 13.6943 44.6026)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="13.6943"
          cy="7.9913"
          r="1.39737"
          transform="rotate(-90 13.6943 7.9913)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="25.9911"
          cy="44.6026"
          r="1.39737"
          transform="rotate(-90 25.9911 44.6026)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="25.9911"
          cy="7.9913"
          r="1.39737"
          transform="rotate(-90 25.9911 7.9913)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="38.288"
          cy="44.6026"
          r="1.39737"
          transform="rotate(-90 38.288 44.6026)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="38.288"
          cy="7.9913"
          r="1.39737"
          transform="rotate(-90 38.288 7.9913)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="1.39737"
          cy="32.3058"
          r="1.39737"
          transform="rotate(-90 1.39737 32.3058)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="13.6943"
          cy="32.3058"
          r="1.39737"
          transform="rotate(-90 13.6943 32.3058)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="25.9911"
          cy="32.3058"
          r="1.39737"
          transform="rotate(-90 25.9911 32.3058)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="38.288"
          cy="32.3058"
          r="1.39737"
          transform="rotate(-90 38.288 32.3058)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="1.39737"
          cy="20.0086"
          r="1.39737"
          transform="rotate(-90 1.39737 20.0086)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="13.6943"
          cy="20.0086"
          r="1.39737"
          transform="rotate(-90 13.6943 20.0086)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="25.9911"
          cy="20.0086"
          r="1.39737"
          transform="rotate(-90 25.9911 20.0086)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="38.288"
          cy="20.0086"
          r="1.39737"
          transform="rotate(-90 38.288 20.0086)"
          fill="white"
          fill-opacity="0.44"
        />
      </svg>
    </span>
    <span class="absolute bottom-0 left-0">
      <svg
        width="46"
        height="46"
        viewBox="0 0 46 46"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
      >
        <circle
          cx="1.39737"
          cy="44.6026"
          r="1.39737"
          transform="rotate(-90 1.39737 44.6026)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="1.39737"
          cy="7.9913"
          r="1.39737"
          transform="rotate(-90 1.39737 7.9913)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="13.6943"
          cy="44.6026"
          r="1.39737"
          transform="rotate(-90 13.6943 44.6026)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="13.6943"
          cy="7.9913"
          r="1.39737"
          transform="rotate(-90 13.6943 7.9913)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="25.9911"
          cy="44.6026"
          r="1.39737"
          transform="rotate(-90 25.9911 44.6026)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="25.9911"
          cy="7.9913"
          r="1.39737"
          transform="rotate(-90 25.9911 7.9913)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="38.288"
          cy="44.6026"
          r="1.39737"
          transform="rotate(-90 38.288 44.6026)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="38.288"
          cy="7.9913"
          r="1.39737"
          transform="rotate(-90 38.288 7.9913)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="1.39737"
          cy="32.3058"
          r="1.39737"
          transform="rotate(-90 1.39737 32.3058)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="13.6943"
          cy="32.3058"
          r="1.39737"
          transform="rotate(-90 13.6943 32.3058)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="25.9911"
          cy="32.3058"
          r="1.39737"
          transform="rotate(-90 25.9911 32.3058)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="38.288"
          cy="32.3058"
          r="1.39737"
          transform="rotate(-90 38.288 32.3058)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="1.39737"
          cy="20.0086"
          r="1.39737"
          transform="rotate(-90 1.39737 20.0086)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="13.6943"
          cy="20.0086"
          r="1.39737"
          transform="rotate(-90 13.6943 20.0086)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="25.9911"
          cy="20.0086"
          r="1.39737"
          transform="rotate(-90 25.9911 20.0086)"
          fill="white"
          fill-opacity="0.44"
        />
        <circle
          cx="38.288"
          cy="20.0086"
          r="1.39737"
          transform="rotate(-90 38.288 20.0086)"
          fill="white"
          fill-opacity="0.44"
        />
      </svg>
    </span>
  </div>
</div>
<!-- ====== 博客底部 ==============-->